.row {
  display: flex;
}
.grid-flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.grid-flex .el-form-item {
  flex: 1;
  min-width: 50%;
  max-width: 50%;
  padding: 0 4rem 0 2rem;
}
.grid-flex .upload-img,
.grid-flex .upload-file,
.grid-flex .textarea {
  flex: 2;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
}
.column {
  display: flex;
  flex-direction: column;
}
.grid {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}
.grid-2 {
  display: grid;
  grid-template-columns: 50% 50%;
}
.center-hv {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.columns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.jcsa {
  display: flex;
  justify-content: space-around !important;
}
.jcsb {
  display: flex;
  justify-content: space-between !important;
}
.jcend {
  display: flex;
  justify-content: flex-end !important;
}
.jcfe {
  justify-content: flex-end !important;
}
.jcc {
  justify-content: center;
}
.aic {
  align-items: center;
}
.col,
.col-1,
.col1 {
  flex: 1;
}
.col-2,
.col2 {
  flex: 2;
}
.col-3,
.col3 {
  flex: 3;
}
.col-4,
.col4 {
  flex: 4;
}
.col-5,
.col5 {
  flex: 5;
}
.col-6,
.col6 {
  flex: 6;
}
.col-7,
.col7 {
  flex: 7;
}
.col-8,
.col8 {
  flex: 8;
}
.col-9,
.col9 {
  flex: 9;
}
.row [class*="col-"] + [class*="col-"] {
  margin-left: 1rem;
}
